<template>
	<view class="box" v-if="page==0">
		<view class="item">
			<view class="header">
				<text class="tag">01</text>
				<text>如何使用洗车券?</text>
			</view>
			<text class="content">您好,标准洗车券可支持标准洗车服务一次,打
				开券详情,点击立即使用,选择您附近的门店,到
				店出示二维码即可。</text>
		</view>
		<view class="item">
			<view class="header">
				<text class="tag">02</text>
				<text>优惠券可以延期使用么?</text>
			</view>
			<text class="content">您好,易车检用户,目前平台不支持优惠券延迟
				服务,到期不可使用。</text>
		</view>
		<view class="item" style="border: 0;padding-bottom: 0;">
			<view class="header">
				<text class="tag">03</text>
				<text>如何查询附近门店?</text>
			</view>
			<text class="content">您好,可在易车检小程序[首页]筛选附近门店,
				查看门店具体服务内容和营业信息。</text>
		</view>
	</view>
	<view class="box" v-if="page==1">
		<view class="item">
			<view class="header">
				<text class="tag">01</text>
				<text>如何验券?</text>
			</view>
			<text class="content">您好，可在车搭档小程序我的卡券包，或是待
				使用订单中找到想使用的券码，点击查看券详
				情，到店展示给商家，商家扫码验券即可。</text>
		</view>
		<view class="item">
			<view class="header">
				<text class="tag">02</text>
				<text>如何投诉商家？</text>
			</view>
			<text class="content">您好，如您遇到商家拒绝用券，不接待车搭档
				用户，请您通过平台电话方式进行
				投诉：15374393903抱歉给您带来不便，工
				作人员核实后将会给您合理答复！</text>
		</view>
		<view class="item" style="border: 0;padding-bottom: 0;">
			<view class="header">
				<text class="tag">03</text>
				<text>为什么验不了券？</text>
			</view>
			<text class="content">您好，验不了券的原因不排除：\n
				1、验券时设备未准确定位到商家，建议退出
				重新刷新定位；\n
				2、同一用户一天内仅可以验证使用一次；\n
				3、预约中的商户不支持该服务。</text>
		</view>
		<view class="item" style="border: 0;padding-bottom: 0;">
			<view class="header">
				<text class="tag">04</text>
				<text>券码在哪里找？</text>
			</view>
			<text class="content">您好，您可在车搭档小程序【我的】卡券包查
				看券码。</text>
		</view>
	</view>
	<view class="box" v-if="page==2">
		<view class="item">
			<view class="header">
				<text class="tag">01</text>
				<text>关于年检代办</text>
			</view>
			<text class="content">您好，年检代办注意事项：\n
				1、需在法定年检有效期内（见行驶证副页、
				最多提前 2 个月）\n
				2、若有违章需全部处理\n
				3、车辆无改装，包括外观、灯光、尾翼、照
				牌框等\n
				4、15年以上小型汽车每年需要年检
				两次代办流程：填写车辆信息—在线下单—完
				善预约信息—电话确认—车辆检测—办理成功</text>
		</view>

		<view class="item" style="border: 0;padding-bottom: 0;">
			<view class="header">
				<text class="tag">02</text>
				<text>关于特惠洗车</text>
			</view>
			<text class="content">您好，车搭档特惠洗车服务，请参考
				使用规则：\n
				1、洗车券支持市内指定商户，全城通用\n
				2、凭核销码（二维码），向门店商家出示，
				即可享受标准清洁服务。</text>
		</view>
	</view>




</template>

<script setup>
	import {
		onLoad
	} from '@dcloudio/uni-app'
	import {
		ref
	} from "vue";
	const page = ref(1)
	onLoad((params) => {
		page.value = params.page
	})
</script>

<style lang="scss">
	page {
		background: #F8F5F0;
		padding-bottom: constant(safe-area-inset-bottom);
		/*兼容 IOS<11.2*/
		padding-bottom: env(safe-area-inset-bottom);
		/*兼容 IOS>11.2*/
	}

	.box {
		width: 630rpx;
		padding: 36rpx;

		background: #FFFFFF;
		border-radius: 36rpx;
		border: 1px solid #F5F5F5;
		margin: 20rpx auto 0;

		.item {
			border-bottom: 2rpx solid #f2f2f2;
			padding-bottom: 36rpx;
			margin-bottom: 40rpx;

			.header {
				display: flex;
				align-items: center;

				.tag {
					display: block;
					width: 38rpx;
					height: 38rpx;
					background: #FE9B23;
					border-radius: 50%;
					font-weight: 800;
					font-size: 20rpx;
					color: #FFE9CE;
					text-align: center;
					line-height: 38rpx;
				}

				text {
					font-weight: 400;
					font-size: 30rpx;
					color: #16191B;
					margin-left: 14rpx;
				}
			}

			.content {
				margin: 20rpx 0 0 60rpx;
				display: block;
				width: 553rpx;
				font-size: 26rpx;
				color: #9B9FA2;
			}
		}
	}
</style>